<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
	.common-user-p-d-120upx{
	  // 设置的120upx是和底部导航栏的高度保持一致，页面的内容就不会被底部导航遮挡住啦
		padding-bottom: 120upx;
	}
	/* 底部导航空格 */
	.bottom {
		padding-top: 10rpx;
		padding: 70rpx;
	}
	// 搜索框
		.search-box {
			background-color: rgb(242, 242, 242);
			padding: 15upx 2.5%;
			display: flex;
			justify-content: space-between;
			// position: sticky;
			margin-bottom: -30rpx;
			// top: 0;
		}
	
		.search-box .mSearch-input-box {
			width: 100%;
		}
	
		.search-box .input-box {
			width: 85%;
			flex-shrink: 1;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	
		.search_text {
			font-size: 28rpx;
			color: #B6B6C6;
		}
	
		.input-box {
			position: relative;
			height: 70upx;
			font-size: 28rpx;
			border: 0;
			border-radius: 60upx;
			-webkit-appearance: none;
			appearance: none;
			padding: 0 3%;
			margin: 0;
			background-color: #ffffff;
		}
	
		.search-box .search-btn {
			width: 15%;
			margin: 0 0 0 2%;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-shrink: 0;
			font-size: 28rpx;
			color: #fff;
			background-color: #5f98ee;
			border-radius: 60upx;
		}
	
		.search-box .input-box>input {
			width: 95%;
			height: 60upx;
			font-size: 28rpx;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			margin: 0;
			background-color: #ffffff;
			border-bottom: none;
		}
	
		.input-box image {
			height: 40upx;
			width: 40upx;
			float: right;
			position: absolute;
			right: 2%;
			top: 50%;
			transform: translateY(-50%);
			z-index: 100;
		}
	
		.list {
			padding: 20rpx;
		}
		.common-user-p-d-120upx{
		  // 设置的120upx是和底部导航栏的高度保持一致，页面的内容就不会被底部导航遮挡住啦
			padding-bottom: 120upx;
		}

</style>

